<template>
  <div class="mod-home">
    <h1 class="mod-title">欢迎登录奇焱公司费用管理系统</h1>
    <p class="mod-description">
      请注意，您当前访问的是奇焱公司内部专用的费用管理系统。为保障公司信息的安全，我们特此声明：任何形式的信息泄露均被视为严重违规行为，我们将依法依规追究相关责任人的法律责任。请您务必妥善保管个人信息及系统访问权限，共同维护公司的信息安全。感谢您的配合与支持！
    </p>
  </div>
</template>

<script>
export default {
}
</script>

<style>
.mod-home {
  line-height: 1.5;
  position: relative;
  padding: 50px 20px;
  text-align: center;
  background-color: #f4f4f9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.mod-title {
  font-size: 36px;
  color: #333;
  margin-bottom: 20px;
}

.mod-description {
  font-size: 16px;
  color: #666;
  max-width: 800px;
  text-align: left;
  margin: 0 auto;
  line-height: 1.8;
}

.mod-description::before {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #ddd;
  margin-bottom: 20px;
}

.mod-description::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #ddd;
  margin-top: 20px;
}
</style>
